<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>{{title}}</title>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<!--浏览器渲染设置-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<!--各平台个性化视觉设置(自行补充)-->
<link rel="shortcut icon" type="image/x-icon" href="static/common/brower/favicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="static/common/brower/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="static/common/brower/apple-touch-icon.png">
<!--移动端特性设置-->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="My WebAPP">
<!--项目全局CSS资源引用-->
<link rel="stylesheet" href="static/lib/jqueryP/rui/rui.min.css" />
<link rel="stylesheet" href="static/common/common.css" />
<!--项目全局JS资源引用-->
<script src="static/require.js"></script>
<script src="static/requireConfig.js"></script>
<!-- --------------------------------页面模板公用头部结束-------------------------------- -->
<link rel="stylesheet" href="static/index/default/index.css" />
</head>
<body>

<div class="header">
	<div class="logo clickable">
		<img src="" class=""/>
		<h1>{{name}}</h1>
		<small>{{subName}}</small>
	</div>
	<div class="user">
		<div class="info clickable">
			<span class="name">{{name}}</span>[<span class="role">{{role}}</span>] <i class="ionicons">&#xf123;</i>
			<ul class="tools hidden">
				<li><a href="#systemOption&page/system/userMy.html"><i class="ionicons">&#xf119;</i>我的账号</a></li>
                <li><a href="login.html" id="loginout"><i class="ionicons">&#xf385;</i>安全退出</a></li>
			</ul>
		</div>
		<div class="avatar">
			<img src=""/>
		</div>
		<div class="links">
			<a href="http://www.baidu.com" target="_blank"><i class="ionicons">&#xf20a;</i>网站首页</a>
			<a href="http://www.baidu.com/duty/" target="_blank"><i class="ionicons">&#xf446;</i>帮助中心</a>
		</div>
	</div>
	<div class="nav">
		<ul>
			<!--由js渲染-->
			<!--<li><a href=javascript:><img src=static/logo.png><h5>工作台</h5></a>-->
		</ul>
	</div>
</div>

<div class="main noSide">
	<div class="aside">
		<!--由js渲染-->
		<!--<div class="subNav" id="sdf">
			<dl class="act">
				<dt><i class="iconfont">&#390</i>二级模块</dt>
				<dd>
					<ul>
						<li class="act"><a href="javascript:"><i class="iconfont">&#235</i>三级页面</a></li>
						<li><a href="javascript:"><i class="iconfont">&#235</i>三级页面</a></li>
					</ul>
				</dd>
			</dl>
		</div>-->
	</div>
	
	<div class="section">
		<span class="switch"><i class="ionicons">&#xf264;</i></span>
		<div class="pageBox">
			<!--这里动态加载详细页面-->
		</div>
	</div>
</div>

<div class="footer">
	<div class="status">
    	<div class="item"><i class="ionicons">&#xf2c1;</i>可用车辆: <span class="hl">216</span>/<span>560</span></div>
    	<div class="item"><i class="ionicons">&#xf212;</i>在线用户: <span class="hl">260</span>/<span>320</span></div>
    	<div class="item"><i class="ionicons">&#xf25c;</i>网速: <span class="hl">22</span>ms</div>
    </div>
    <div class="mytodo">
    	<i class="ionicons">&#xf3c3;</i><span class="hl">100</span> 条消息需要您查看
    </div>
	<div class="copyright">{{copyRight}}</div>
</div>

<div class="mytodoLayer">
	<!--动态加载页面进来-->
</div>


<!--当前页面私有JS-->
<script>
	require(['index'], function(){
//		alert('app');

        
	})
</script>
<!-- --------------------------------页面模板公用底部开始-------------------------------- -->
</body>
</html>